<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/home.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/common.js"></script>
    <link rel="stylesheet" href="../css/common.css">

</head>

<body>
<!--做第一阶段静态项目之前需要了解的技术知识点
 html   ---div  a img
 css     选择器
 flex    动态布局
 面向对象  分工明确
 码云gitee
-->
<div id="top">

</div>
<div class="middle">
    <div>
        <div>
            <div class="title">教新动态</div>
            <div>
                <div><img src="../img/m331.jpg"/></div>
                <div>
                    <div>
                        <div>日本较大抹茶督饮七叶和茶登陆上海
                        </div>
                        <div>日本较大的抹茶餐饮连锁正式登陆上海，其中</div>
                    </div>
                    <div>
                        <div>日本较大抹茶督饮七叶和茶登陆上海大抹茶督饮七叶和大抹茶督饮七叶和
                        </div>
                        <div>日本较大的抹茶餐饮连锁正式登陆上海大抹茶督饮七叶和大抹茶督饮七叶和大抹茶督饮七叶和，其中</div>
                    </div>
                    <div>
                        <div>日本较大抹茶督饮七叶和茶登陆上海
                        </div>
                        <div>日本较大的抹茶餐饮连锁正式登陆上海，其中</div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="title">产品展示</div>
            <div>
                <div>
                    <div><img src="../img/43_wkob.jpg" /></div>
                    <div>
                        <div>回锅肉</div>
                        <div>猪肉，生菜 肉，生菜 肉，生菜 肉，生菜 肉，生菜 花椒</div>
                    </div>
                </div>
                <div>
                    <div><img src="../img/43_wkob.jpg" height="300" width="300"/></div>
                    <div>
                        <div>回肉，生菜 肉，生菜 肉，生菜 肉，生菜 肉，生菜 </div>
                        <div>猪肉，生菜 花椒</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="foot">

</div>

</body>
</html>